<template>
    <!-- 商品信息 -->
       <div class="reft-top">
          <p>{{xinxi.name}}</p>
        <p>{{xinxi.desc}}</p>
        <p><i>￥</i>{{resssa}} <s class="xsahua">￥{{resssas}}</s></p>
       </div>

</template>

<script>
// import { computed, ref } from 'vue-demi'
export default {
  props: {
    xinxi: {
      type: Object,
      default: () => {}
    },
    resssa: {
      type: String,
      default: '0'
    },
    resssas: {
      type: String,
      default: '0'
    },
    a: {
      type: Number,
      default: 0
    }
  },
  setup (props) {
    console.log(props.resssa)
    return {

    }
  }

}
</script>

<style lang="less">
  .reft-top{
         p{
          color: red;
          margin-bottom: 10px;
        }
      .xsahua{
text-align: center;
        font-size: 12px;
      color: #999999;

      }
  p:nth-last-child(3){
    color: black;
    font-size: 20px;
  }
       p:nth-last-child(2){
color: #999999;
       }
        p:nth-last-child(1){
          font-size: 20px;
          i:nth-last-child(1){
            font-size: 10px;
          }
        }
    }
</style>
